<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>适配移动端弹窗</title>
  <style>
    /* 全局样式调整，确保移动端页面滚动正常等 */
    body {
      margin: 0;
      padding: 0;
      font-family: Arial, sans-serif;
      -webkit-overflow-scrolling: touch;
    }

    /* 弹窗样式 */
   .popup {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: white;
      padding: 15px;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      width: 80%;
      max-width: 50rem;
      z-index: 9999;
    }
    .popup h2{text-align: center;}
   .popup p {
      margin: 5px 0;
    }

   .popup button {
      background-color: #007BFF;
      color: white;
      border: none;
      padding: 10px 15px;
      border-radius: 4px;
      cursor: pointer;
      display: block;
      margin: 10px auto 0;
      width: 10rem;
    }

   .popup button[disabled] {
      background-color: #ccc;
      cursor: not-allowed;
    }
    .popup_context{width: 45rem;height: 30rem;padding: 0 2rem; border: 1px solid #aaa;overflow: auto;}
  </style>
</head>

<body>
  <div id="popup" class="popup">
    <h2>九尾OJ平台规则</h2>
    <div class="popup_context">
      <h3>一、总则</h3>
      <p><b>目的：</b>本规则旨在营造文明、和谐、有序且富有价值的九尾OJ社区环境，保障同学合法权益，规范用户言行，促进信息的健康、良性交流与分享。</p>
        <p>适用范围：适用于所有访问、注册、使用本九尾OJ平台（涵盖各主题九尾OJ、站内各类板块等）的用户。</p>
        <p>平等原则：所有用户无论身份、背景，在九尾OJ内一律平等，均需遵守本规则，平台运营团队依规则公正管理，处理纠纷、违规事宜不偏不倚。</p>
      <h3>二、账号管理</h3>
      <p>账号使用：</p>
      <p>账号仅限本人使用，不得转借、出租、售卖或共享给他人，若因账号共享导致违规行为，账号注册者承担连带责任。</p>
      <p>保持账号信息（头像、昵称、个性签名等）符合公序良俗，不得含有色情、暴力、侮辱性、政治性敏感及违法违规内容。</p>
      <h3>三、言论规范</h3>
      <p><b>合法合规：</b></p>
        <p>严禁发布违反国家法律法规（如煽动颠覆国家政权、传播邪教思想、泄露国家机密等）、行政法规、部门规章的信息，确保言论符合《宪法》及相关法律框架。</p>
        <p>不传播谣言、不实信息，对于未经官方证实或权威渠道发布的重大事件资讯，不得擅自编造、扩散，误导公众。</p>
      <p><b>文明友善：</b></p>
      <p>尊重他人人格尊严，禁止辱骂、诋毁、污蔑、嘲讽其他用户，避免使用低俗、攻击性语言，保持礼貌交流，即使意见相左也应理性辩论。</p>
      <p>不恶意刷屏、霸屏，连续发布无实质内容或大量重复、扰乱阅读秩序的帖子与回复，保障社区信息流通顺畅。</p>
      </p>
      <h3>四、内容发布</h3>
      <p>主题相关性：在各主题九尾OJ发布内容需契合九尾OJ主题定位，如科技侧重前沿技术讨论、编程方面的内容。</p>
      <p>原创与版权：鼓励发布原创内容，若引用他人作品（文字、图片、视频等）需注明出处、作者，取得合法授权，严禁抄袭、剽窃他人成果据为己有，侵犯知识产权。</p>
      <p>禁止广告与垃圾信息：未经平台许可，不得在帖子、评论中肆意发布商业广告（包括硬广、软广）、推广链接、恶意引流信息，像传销、赌博、色情服务类非法推广更是严令禁止；同时杜绝发布毫无价值、只为凑数的垃圾水贴。
      </p>
      <h3>五、违规处理</h3>
      <p>举报机制：用户发现违规内容或行为可通过帖子举报按钮、站内消息渠道向站长或者是老师反馈，需详细说明违规情形、附上证据截图等，便于核查。</p>
      <p>处理措施：针对违规账号，依情节轻重采取警告、禁言（短期数小时至长期数月）等措施；对违规帖子、评论，予以删除、屏蔽，同时平台有权公示违规处理结果，以儆效尤。</p>
      <h3>六、附则</h3>
      <p>规则修订：平台有权根据法律法规变化、社区发展需求适时修订本规则，修订后提前公示通知，公示期内用户可反馈意见，公示结束按新规则执行。</p>
      <p>解释权：本规则解释权归九尾OJ平台运营方所有，针对规则执行中疑难、歧义问题，运营方解释与裁定具有最终效力。   </p>    
    </div>
    <button id="close-btn" disabled>知道了<span id="countdown-text">(10s)</span></button>
  </div>
  <script src="./user_default.js"></script>
  
</body>

</html>